<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>    
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

    <title>SGI :: Sistema de Gesti&oacute;n de Ideas</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

	<!-- Propios -->
	<script src="../js/jquery-1.7.2.min.js"></script>
	<link href="../css/css_global.css" rel="stylesheet">
	<script src="../js/app/idea/mnt_idea.js"></script>
	<script src="../js/app/js_global.js"></script>
	
	<%@ include file="../../includes/head_privado.jsp" %>
	
  </head>

  <body>

	<%@ include file="../../includes/menu.jsp" %>
	
	<div class="container-fluid">
      <div class="row-fluid">
        
        <%@ include file="../../includes/app_menu.jsp" %>
		
	  	
	  	
	  	<!-- AREA TRABAJO -->
		<div class="span9">
			<table border="0" width="100%" cellpadding="0" cellspacing="0">	
			
				<!-- Cabecera -->
				<tr>
					<td>
					
						<table width="100%" border="0" >
							<tr>
								<td style="padding-left:10px; padding-right:15px;width:30px;"><img src="<%=request.getContextPath() %>/img/mdl_idea.jpg" alt=""></td>
								<td>
									<h6 style="margin:0px;">Adm. de Ideas</h6>
									<h4 style="margin:0px;">Mantenimiento de Ideas</h4>
								</td>
								<td style="text-align:right;">
								
													
								</td>
							</tr>
						</table>
					
					</td>				
				</tr>			
				<tr style="margin:0px;">
					<td><hr style="margin:5px;"/></td>				
				</tr>	
				
				<!-- BODY -->
				<tr>
					<td align="left">
						<br>
					
					
						<div id="dv_ConfirmERROR" class="alert alert-block alert-error fade in" style="display:none; padding-bottom:3px; padding-top:3px;">
								<input type="hidden" name="hddMensaje" id="hddMensaje" value="${HS_DATOS.HM_MSG_DESCRIPCION}">
								${HS_DATOS.HM_MSG_DESCRIPCION}						
						</div> 
						
						
						<div class="dv_tituloForm">Datos de la Idea</div>
						
						<form id="frmIdea" name="frmIdea" action="<%=request.getContextPath() %>/mod_idea/grabaIdea.html" method="post" enctype="multipart/form-data" class="form-horizontal">
						
							<input type="hidden" name="hddCodIdea" id="hddCodIdea" value="${HS_DATOS.HM_BEAN_IDEA.cod_idea}">
						
							<div class="dv_contenedorForm" style="margin-left:0px;" >
														
								<div class="control-group">
									<label class="control-label">T&iacute;tulo</label>
									<div class="controls">
										<input type="text" id="txtTitulo" name="txtTitulo" value="${HS_DATOS.HM_BEAN_IDEA.nom_titulo}" class="input-xlarge" maxlength="249" placeholder="Escriba un T&iacute;tulo" required>
									</div>
								</div>
					
								<div class="control-group">
									<label class="control-label">Descripci&oacute;n</label>
									<div class="controls">
										<textarea rows="5" id="txaDescripcion" name="txaDescripcion" placeholder="Explique su Idea..."  maxlength="250" required>${HS_DATOS.HM_BEAN_IDEA.des_descripcion}</textarea>
									</div>
								</div>
								
								<div class="control-group">
									<label class="control-label">Palabras Claves</label>
									<div class="controls">
										<input type="text" id="txtPlabraClave1" name="txtPlabraClave1" value="${HS_DATOS.HM_BEAN_IDEA.des_palabraclave1}" class="input-small" maxlength="25" required>
										<input type="text" id="txtPlabraClave2" name="txtPlabraClave2" value="${HS_DATOS.HM_BEAN_IDEA.des_palabraclave2}" class="input-small" maxlength="25" required>
										<input type="text" id="txtPlabraClave3" name="txtPlabraClave3" value="${HS_DATOS.HM_BEAN_IDEA.des_palabraclave3}" class="input-small" maxlength="25" required>
										<input type="text" id="txtPlabraClave4" name="txtPlabraClave4" value="${HS_DATOS.HM_BEAN_IDEA.des_palabraclave4}" class="input-small" maxlength="25" required>
									</div>
								</div>
							
								<div class="control-group">
									<label class="control-label">Archivo</label>
									<div class="controls">
										<input id="txtFile" name="txtFile" type="file" style="display:none" required>
										<div class="input-append">
										   <input id="lblFile" name="lblFile" class="input-xlarge" type="text" readonly="readonly">
										   <a class="btn" onclick="$('input[id=txtFile]').click();">Browse</a>
										</div>
										<c:if test = "${HS_DATOS.HM_BEAN_IDEA.nom_archivo != ''}">
											<span id="sp_linkImage">
												<a href="javascript:fn_abreArchivo(${HS_DATOS.HM_BEAN_IDEA.cod_idea});">
													(Ver Archivo)
												</a>
											</span>
										</c:if>
									</div>
								</div>
								
								<div class="control-group">
									<label class="control-label">Estado</label>
									<div class="controls">
										<input type="hidden" name="cmbEstado" id="cmbEstado" value="${HS_DATOS.HM_BEAN_IDEA.cod_estado}">
										<select id="cmbEstado1" name="cmbEstado1" onchange="javascript:fn_cambiaEstado(this.value);">
											<option>[-Selecionar-]</option>		
											<c:forEach items="${HS_DATOS.HM_LST_ESTADOS}" var="lst" varStatus="i">
												<option value="${lst.cod_estado}" <c:if test = "${HS_DATOS.HM_BEAN_IDEA.cod_estado == lst.cod_estado}">selected="selected"</c:if> >${lst.nom_estado}</option>
											</c:forEach>								  
										</select>
									</div>
								</div>
								
							</div>
													
							
							<div class="form-actions" style="text-align:right;margin-top:0px; padding-top:9px; padding-bottom:9px;">
								<button type="submit" id="btnGrabar" class="btn btn-primary">Grabar</button>
								<button type="button" class="btn" onclick="javascript:fn_cancelar();">Cancel</button>
							</div>
						
						</form>	
														
					</td>				
				</tr>	
				
			</table>
		</span>
	    <!-- FIN AREA TRABAJO -->
	  	
	  
	    
	  </div>
	</div>
	   
 
   
   <%@ include file="../../includes/pie.jsp" %>

   
    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="../js/jquery.js"></script>
    <script src="../js/bootstrap-transition.js"></script>
    <script src="../js/bootstrap-alert.js"></script>
    <script src="../js/bootstrap-modal.js"></script>
    <script src="../js/bootstrap-dropdown.js"></script>
    <script src="../js/bootstrap-scrollspy.js"></script>
    <script src="../js/bootstrap-tab.js"></script>
    <script src="../js/bootstrap-tooltip.js"></script>
    <script src="../js/bootstrap-popover.js"></script>
    <script src="../js/bootstrap-button.js"></script>
    <script src="../js/bootstrap-collapse.js"></script>
    <script src="../js/bootstrap-carousel.js"></script>
    <script src="../js/bootstrap-typeahead.js"></script>
        
  </body>
</html>
